Skip to content

Conversation

ayushb
Copy link
Member

@ayushb ayushb commented Sep 17, 2026

Solves #11.

Restyles the three panels, the card and both lists, and fixes the small screen layout: the list becomes a sideways strip in portrait, and landscape keeps the row layout instead of stacking into a very tall page. CSS only, no component changes.

* Add a page background and give the three panels rounded white
  surfaces, so the app is not white on white
* Share colour, radius and shadow through variables in App.css
* Style the nav, filter and reset buttons consistently
* Put a track behind the stat bars so a low stat reads as a proportion
* Enlarge the sprite and sit it on a soft backdrop
* Tighten the list and favorites rows and match their styling
* Drop the global rules that centred all text and blocked selection
* Make the small screen list a compact sideways strip
* Keep the row layout in landscape, where stacking left the page far
  too tall, and shrink the sprite to bring the stats into view

References #11
@ayushb ayushb requested a review from a team as a code owner September 17, 2026 23:28
Copy link
Member

@iliasbo iliasbo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@iliasbo iliasbo merged commit 663b613 into main Sep 18, 2026
@thomhet thomhet deleted the feat/issue-11-ui branch September 18, 2026 22:58
Sign in to join this conversation on GitHub.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants